<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link href="/static/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="/static/css/footer.css" rel="stylesheet" media="screen">
    <script src="/static/js/html5shiv.js"></script>
    <script src="/static/js/respond.min.js"></script>
</head>
<body>

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">Lunatus</a>
        </div>
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-inverse navbar-nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#about">News</a></li>
                <li><a href="#contact">Study</a></li>
            </ul>
            <div class="pull-left">
                <form class="navbar-form navbar-left">
                <div class="form-group">
                 <input type="text" class="s_ipt_wr clearfix pull-left" placeholder="search...">
                <button type="submit" class="btn btn-info pull-left">Search</button>
                </div>
                </form>
            </div>
            <div class="pull-right">
                <ul class="nav navbar-nav">
                    <li><a href="">login</a></li>
                    <li><a href="">register</a></li>
                </ul>
            </div>
       </div>
    </div>
    
</div>
